<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" placeholder="请输入搜索的内容" id="debounce" autofocus>
    <script>
        window.onload = function() {
            const input = document.querySelector('#debounce');
            let t = 2000;
            let t1 = +new Date(); //毫秒数  日期对象  类型转换 自动转换成整数类型
            // const ajax = (event) => {
            //         let keyword = event.target.value;
            //         console.log(keyword);
            //         let t2 = +new Date();
            //         // console.log(t2 - t1);
            //         if (t2 - t1 > t) {
            //             console.log('xxxxxxxxxxxx');
            //             t1 = t2;
            //         }
            //     }
            // 回调函数
            // 1. keyup 在一开始就声明
            // 2. 事件处理函数是在事件发生时触发并执行
            // 3. 异步
            // 单位时间如何减少执行次数
            const ajax = (event) => {
                console.log(event);
            }
            const debounce = (cb, t) => {
                return cb;
            }
            const debounceajax = debounce(ajax, t);
            input.addEventListener('keyup', debounceajax);
        }
    </script>
</body>

</html>